<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="header.css"/>
		<link rel="stylesheet" type="text/css" href="banner.css"/>
		<link rel="stylesheet" type="text/css" href="sers.css"/>
		<link rel="stylesheet" type="text/css" href="buys.css"/>
		<link rel="stylesheet" type="text/css" href="portfolio.css"/>
		<link rel="stylesheet" type="text/css" href="subscribe.css"/>
		<link rel="stylesheet" type="text/css" href="ours.css"/>
		<link rel="stylesheet" type="text/css" href="bottom.css"/>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			img
			{
				vertical-align: bottom;
			}
			li{
				list-style: none;
			}
			a{
				text-decoration: none;
			}
			.w{
				width: 1140px;
				margin: 0 auto;
			}
			.fl{
				float: left;
			}
			.fr{
				float: right;
			}
			.bd{
				border: 1px solid red;
			}
			.clearfix::before,.clearfix::after
			{
				content: "";
				display: table;
			}
			.clearfix::after
			{
				clear: both;
			}
			
			.boundary_1{
				border: 1px solid #dddddd;
				border-left: transparent;
				border-right: transparent;
				height: 1px;
			}
			
			.boundary_2{
				height: 14px;
			}
			.boundary_2 h3{
				font-size: 14px;
				width: 130px;
			}
			.boundary_2_bd{
				border: 1px solid #dcdcdc;
				height: 1px;
				width: 1010px;
				border-left: transparent;
				border-right: transparent;
				margin-top: 7px;
			}
			
			.boundary_3{
				border: 1px solid #dddddd;
				border-left: transparent;
				border-right: transparent;
				height: 1px;
			}
			
			.boundary_4{
				height: 14px;
			}
			.boundary_4 h3{
				font-size: 14px;
			}
			.boundary_4_bd1{
				border: 1px solid #dcdcdc;
				height: 1px;
				width: 630px;
				border-left: transparent;
				border-right: transparent;
				margin-top: 7px;
				margin-left: 10px;
				margin-right: 10px;
			}
			.boundary_4_bd2{
				border: 1px solid #dcdcdc;
				height: 1px;
				width: 276px;
				border-left: transparent;
				border-right: transparent;
				margin-top: 7px;
				margin-left: 10px;
			}
			
			.copy_bg{
				height: 52px;
				background-color: #232323;
			}
			.copy_3{
				padding-top: 20px;
			}
			.copy_icon{
				background: url(img/logo2.png)no-repeat;
				width: 95px;
				height: 23px;
				margin-top: 15px;
			}
			.copy h3{
				font-size: 10px;
				color: #f7f7f7;
				padding-top: 22px;
				padding-left: 600px;
			}
			.copy h4{
				font-size: 10px;
				color: #c8504f;
				padding-top: 22px;
			}
		
		</style>
	</head>
	<body>
		
		<div class="shadow header ">
			<div class="w head">
				<div class="logo fl"><img src="img/logo.png" alt=""></div>
				<ul>
					<li class="fl text"><a href="">Home</a></li>
					<li class="fl text"><a href="">About</a></li>
					<li class="fl text"><a href="">Portfolio</a></li>
					<li class="fl text"><a href="">Features</a></li>
					<li class="fl text"><a href="">Blog</a></li>
					<li class="fl text"><a href="">Contact</a></li>
				</ul>
				<div class="icons fl">
					<div class="fl icon_1"></div>
					<div class="fl icon_2"></div>
					<div class="fl icon_3"></div>
					<div class="fl icon_4"></div>
					<div class="fl icon_5"></div>
					<div class="fl icon_6"></div>
				</div>	
			</div>
		</div>
		
		<div class="distance"></div>
		
		<div class="banner_0">
			<div class="banner w">
				<div class="fl">
					<div class="banner_1"><img src="img/banner_l_03.png" alt="" width="315px" height="254px"></div>
					<div class="banner_2">
						<div class="choose fl"></div>
						<div class="choose fl"></div>
						<div class="choose fl"></div>
						<div class="choose fl"></div>
					</div>
				</div>
				<div class="banner_3 fl"><img src="img/slide1.png" alt="" width="635px" height="384px"></div>
			</div>
		</div>
		
		<div class="sers w">
				<div class="ser_1 fl">
					<div class="ser_1_red fl">
						<div class="ser_1_pattern"></div>
					</div>
					<h4>EVENTS PLANNING</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
			
				<div class="ser_2 fl">
					<div class="ser_2_red fl">
						<div class="ser_2_pattern"></div>
					</div>
					<h4>MASTERING DESIGN</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
				
				<div class="ser_3 fl">
					<div class="ser_3_red fl">
						<div class="ser_3_pattern"></div>
					</div>
					<h4>EXPERT DEVELOPERS</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
				
				<div class="ser_4 fl">
					<div class="ser_4_red fl">
						<div class="ser_4_pattern"></div>
					</div>
					<h4>ATTENSION TO DETAILS</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
				
				<div class="ser_5 fl">
					<div class="ser_5_red fl">
						<div class="ser_5_pattern"></div>
					</div>
					<h4>ANOTHER COOL SERVICE.</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
				
				<div class="ser_6 fl">
					<div class="ser_6_red fl">
						<div class="ser_6_pattern"></div>
					</div>
					<h4>EVENTS PLANNING</h4>
					<ul>
						<li><a href="">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry.</a></li>
					</ul>
				</div>
		</div>
		
		<div class="boundary_1 w"></div>
	
		<div class="w buys">
			<div class="buy">
				<h3>HI THERE. I AM A THEME, WITH ATTITUDE. I AM ALSO RESPONSIVE, EASY DO EDIT. WHY DON'T YOU TRY ME ?</h3>
				<ul>
					<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet.</a></li>
				</ul>
				<div class="buy_now bd">
					<div class="buy_now_icon fl"><img src="img/windows.png" alt=""></div>
					<ul class="fl">
						<li><a href="">BUY NOW!</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="w boundary_2">
			<h3 class="fl">THE PORTFOLIO</h3>
			<div class="fl boundary_2_bd"></div>
		</div>
		
		<div class="portfolio w">
			<div class="portfolio_1 fl">
				<div class="portfolio_1_picture">
					<div class="portfolio_1_icon1">
						<h3>WEB DESIGN</h3>
					</div>
					<div class="portfolio_1_icon2"></div>
					<div class="portfolio_1_icon3"></div>
				</div>
				<h4 >I AM AN AMAZING PROJECT</h4>
				<div class="portfolio_bd"></div>
				<ul>
					<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</a></li>
				</ul>
			</div>
			<div class="portfolio_2 fl">
				<div class="portfolio_2_picture">
					<div class="portfolio_1_icon1">
						<h3>WEB DESIGN</h3>
					</div>
					<div class="portfolio_1_icon2"></div>
					<div class="portfolio_1_icon3"></div>
				</div>
				<h4 >I AM AN AMAZING PROJECT</h4>
				<div class="portfolio_bd"></div>
				<ul>
					<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</a></li>
				</ul>
			</div>
			<div class="portfolio_3 fl">
				<div class="portfolio_3_picture">
					<div class="portfolio_1_icon1">
						<h3>WEB DESIGN</h3>
					</div>
					<div class="portfolio_1_icon2"></div>
					<div class="portfolio_1_icon3"></div>
				</div>
				<h4 >I AM AN AMAZING PROJECT</h4>
				<div class="portfolio_bd"></div>
				<ul>
					<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</a></li>
				</ul>
			</div>
			<div class="portfolio_4 fl">
				<div class="portfolio_4_picture">
					<div class="portfolio_1_icon1">
						<h3>WEB DESIGN</h3>
					</div>
					<div class="portfolio_1_icon2"></div>
					<div class="portfolio_1_icon3"></div>
				</div>
				<h4 >I AM AN AMAZING PROJECT</h4>
				<div class="portfolio_bd"></div>
				<ul>
					<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla amet. turpis.</a></li>
				</ul>
			</div>
		</div>
		
		<div class="boundary_3 w"></div>
		
		<div class="subscribe w">
			<div class="subscribe_bg"> 
			<div class="subscribe_left fl"></div>
				<div class="subscribe_text fl">
					<h3>SUBSCRIBE TO OUR NEWSLETTER. WE HATE SPAM AS MUCH AS YOU DO, SO NO WORRIES.</h3>
					<ul>
						<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor blandit nec Quisque quis nulla vel dolor ultrices sit amet. </a></li>
					</ul>
				</div>
				<div class="subscribe_trapezoid fr">
					<div class="subscribe_trapezoid_icon"></div>
				</div>
			</div>
		</div>
		
		<div class="w boundary_4">
			<h3 class="fl">OUR BLOGGY</h3>
			<div class="boundary_4_bd1 fl"></div>
			<h3 class="fl">TESTIMONIALS</h3>
			<div class="boundary_4_bd2 fl"></div>
		</div>
		
		<div class="ours w">
			<div class="our fl">
				<div class="fl our1 ">
					<div class="our1_picture">
						<div class="our1_icon1"></div>
						<div class="our1_icon2"></div>
					</div>
					<h3>JUST A COOL BLOG POST TITLE HERE.</h3>
					<div class="our_bd"></div>
					<div class="our_text">
						<ul>
							<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						</ul>
					</div>
					<div class="our_bd"></div>
					<div>
						<div class="our_text1 fl">
							<ul>
								<li><a href="">Read more</a></li>
							</ul>
						</div>
						<div class="fl our_arrow_bd">
							<div class="our_arrow"></div>
						</div>
					</div>
				</div>
				<div class="fl our2 ">
					<div class="our2_picture">
						<div class="our1_icon3"></div>
						<div class="our1_icon2"></div>
					</div>
					<h3>JUST A COOL BLOG POST TITLE HERE.</h3>
					<div class="our_bd"></div>
					<div class="our_text">
						<ul>
							<li><a href="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis, ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
						</ul>
					</div>
					<div class="our_bd"></div>
					<div>
						<div class="our_text1 fl">
							<ul>
								<li><a href="">Read more</a></li>
							</ul>
						</div>
						<div class="fl our_arrow_bd">
							<div class="our_arrow"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="fl">
				<div class="tes">
					<div class="tes1">
						<div class="tes1_picture fl"></div>
						<h3>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h3>
						<h4>Linda Scott / Webdesigner</h4>
						<ul>
							<li><a href="">http://www.mywebsite.com</a></li>
						</ul>
					</div>
					<div class="tes2">
						<div class="tes_icon fl"></div>
						<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
					</div>
				</div>
				
				<div class="tes">
					<div class="tes1">
						<div class="tes2_picture fl"></div>
						<h3>VERY PLEASED WITH THE COOL SERVICES PROVIDED.</h3>
						<h4>Linda Scott / Webdesigner</h4>
						<ul>
							<li><a href="">http://www.mywebsite.com</a></li>
						</ul>
					</div>
					<div class="tes2">
						<div class="tes_icon fl"></div>
						<p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis nulla vel dolor ultrices blandit nec sit amet. turpis.</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="bottom_bg">
			<div class="w bottom_bg">
				<div class="bottom1 fl">
					<h3>ABOUT STUDEON</h3>
					<div class="bottom_bd"></div>
					<div class="p1"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p></div>
					<div class="p2"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque id arcu neque, at convallis est felis.</p></div>
				</div>
				<div class="bottom2 fl">
					<h3>THE TAGS</h3>
					<div class="bottom_bd"></div>
					<div class="bottom_tags">
						<div class="a0 fl">
							<ul>
								<li><a href="">Awesome</a></li>
							</ul>
						</div>
						<div class="a1 fl">
							<ul>
								<li><a href="">Strategy</a></li>
							</ul>
						</div>
						<div class="a2 fl">
							<ul>
								<li><a href="">Photography</a></li>
							</ul>
						</div>
						<div class="a3 fl">
							<ul>
								<li><a href="">Development</a></li>
							</ul>
						</div>
						<div class="a4 fl">
							<ul>
								<li><a href="">Css</a></li>
							</ul>
						</div>
						<div class="a5 fl">
							<ul>
								<li><a href="">photoshop</a></li>
							</ul>
						</div>
						<div class="a6 fl">
							<ul>
								<li><a href="">Html</a></li>
							</ul>
						</div>
						<div class="a7 fl">
							<ul>
								<li><a href="">Awesome</a></li>
							</ul>
						</div>
						<div class="a8 fl">
							<ul>
								<li><a href="">Strategy</a></li>
							</ul>
						</div>
						<div class="a9 fl">
							<ul>
								<li><a href="">Photoshop</a></li>
							</ul>
						</div>
						<div class="a10 fl">
							<ul>
								<li><a href="">Html</a></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="bottom3 fl">
					<h3>LATEST TWEETS</h3>
					<div class="bottom_bd"></div>
					<div>
						<div class="bottom3_1">
							<div class="fl bottom3_icon"></div>
							<div class="fr bottom3_text">
								<p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
								<h3>ABOUT 15 MINS</h3>
							</div>
						</div>
						<div class="bottom3_2">
							<div class="fl bottom3_icon"></div>
							<div class="fr bottom3_text">
								<p>I like this awesome freebie. Check it out<a href="">@http://t.co/9vslJFpW</a></p>
								<h3>ABOUT 15 MINS</h3>
							</div>
						</div>
					</div>
				</div>
				
				<div class="bottom4 fl">
					<h3>FLICKR FEED</h3>
					<div class="bottom_bd"></div>
					<div class="bottom4_picture">
						<div class="fl"><img src="img/f1.png" alt=""></div>
						<div class="fl"><img src="img/f2.png" alt=""></div>
						<div class="fl"><img src="img/f3.png" alt=""></div>
						<div class="fl"><img src="img/f4.png" alt=""></div>
						<div class="fl"><img src="img/f3.png" alt=""></div>
						<div class="fl"><img src="img/f2.png" alt=""></div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="copy_bg">
			<div class="fr copy_3"><img src="img/move-top.png" alt=""></div>
			<div class="w">
				<div class="fl copy">
					<div class="copy_icon fl"></div>
					<h3 class="fl">Copyright @copy 2015 All rights Reserved | Template by W3layouts</h3>
				</div>
			</div>
		</div>
	</body>
</html>
